<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>了解职业</title>
    <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/bootstrap/css/bootstrap-submenu.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/layui/css/layui.css"  media="all">
    <script src="js/layui/layui.js"></script>
    <script src="js/jquery-3.2.1.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery-3.3.0.js"></script>
    <script type="text/javascript" src="js/sweetalert.min.js"></script>
</head>
<body>
<!-- 前端导航栏 -->
<div class="container" id="frontTop"></div>

<div class="container" style="padding-top:5px;">
    <nav class="breadcrumb">
        <a class="breadcrumb-item" href="/index/home">首页</a>
        <span class="breadcrumb-item active">职业查询</span>
    </nav>
    <form class="form-inline">
        <div class="form-group">
            <label for="username" class="">搜索职业:&nbsp&nbsp</label>
            <div>
                <input type="text" class="form-control" id="professionname" placeholder="请输入职业名称"  name="professionname">
            </div>
        </div>
        &nbsp&nbsp&nbsp&nbsp
        <div class="form-button">
            <div>
                <input type="submit" id="searchProfession" class="btn btn-primary" width="100" value="搜索" name="submit">
            </div>
        </div>
    </form>
    <hr class="layui-bg-blue">
</div>

<div class="container">
    <div class="row">
        <div id="list-example" class="list-group col-sm-3" data-offset="60">
            <a class="list-group-item list-group-item-action" href="#v-pills-dianqi">电气/电力</a>
            <a class="list-group-item list-group-item-action" href="#v-pills-dianzi">电子/微电子</a>
            <a class="list-group-item list-group-item-action" href="#v-pills-fangdichan">房地产/建筑</a>
            <a class="list-group-item list-group-item-action" href="#v-pills-fuwu">服务/中介/物业</a>
            <a class="list-group-item list-group-item-action" href="#v-pills-guanggao">广告/公关</a>
            <a class="list-group-item list-group-item-action" href="#v-pills-hulianwang">互联网/IT计算机</a>
            <a class="list-group-item list-group-item-action" href="#v-pills-jiaotong">交通/运输/物流</a>
            <a class="list-group-item list-group-item-action" href="#v-pills-jiaoyu">教育/培训/科研</a>
            <a class="list-group-item list-group-item-action" href="#v-pills-jinrong">金融/银行</a>
            <a class="list-group-item list-group-item-action" href="#v-pills-lvyou">旅游/酒店/餐饮</a>
            <a class="list-group-item list-group-item-action" href="#v-pills-maoyi">贸易/进出口/零售批发</a>
            <a class="list-group-item list-group-item-action" href="#v-pills-nonglin">农/林/牧/渔/水利</a>
            <a class="list-group-item list-group-item-action" href="#v-pills-qita">其他</a>
            <a class="list-group-item list-group-item-action" href="#v-pills-shengwu">生物/医疗/保健</a>
            <a class="list-group-item list-group-item-action" href="#v-pills-shiyou">石油/化工/能源</a>
            <a class="list-group-item list-group-item-action" href="#v-pills-tongxun">通讯</a>
            <a class="list-group-item list-group-item-action" href="#v-pills-tongyonglei">通用类</a>
            <a class="list-group-item list-group-item-action" href="#v-pills-wenhua">文化/媒体/出版/印刷</a>
            <a class="list-group-item list-group-item-action" href="#v-pills-xiaofeipin">消费品</a>
            <a class="list-group-item list-group-item-action" href="#v-pills-yishu">艺术/休闲/运动</a>
            <a class="list-group-item list-group-item-action" href="#v-pills-zhengfu">政府/非营利机构</a>
            <a class="list-group-item list-group-item-action" href="#v-pills-zhizaoye">制造业</a>
            <a class="list-group-item list-group-item-action" href="#v-pills-zixun">咨询/专业服务</a>
        </div>


        <div data-spy="scroll" data-target="#list-example" data-offset="0" class="scrollspy-example col-sm-9" style="height: 1140px;overflow:auto">
            <div id="v-pills-dianqi">
                <h4>电气/电力</h4>
                <ul id="myTab" class="list-inline row">
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="professionDetail">调试工程师</a>
                    </li>
                    <li class="active col-sm-3">
                        <a href="professionDetail" class="btn btn-link" data-toggle="tab">电气维修技术员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a href="professionDetail" class="btn btn-link" data-toggle="tab">核电·火电工程师</a>
                    </li>
                    <li class="active col-sm-3">
                        <a href="#" class="btn btn-link" data-toggle="tab">变压器与磁电工程师</a>
                    </li>
                    <li class="active col-sm-3">
                        <a href="#" class="btn btn-link" data-toggle="tab">电器工程师</a>
                    </li>
                    <li class="active col-sm-3">
                        <a href="#" class="btn btn-link" data-toggle="tab">电力工程技术人员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a href="#" class="btn btn-link" data-toggle="tab">电气工程技术人员</a>
                    </li>
                </ul>
            </div>
            <div id="v-pills-dianzi">
                <h4>电子/微电子</h4>
                <h5>半导体</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="col-sm-3">
                        <a class="btn btn-link" href="majorDetail">数码产品开发工程师</a>
                    </li>
                    <li class="active col-sm-3">
                        <a href="#" class="btn btn-link" data-toggle="tab">半导体技术工程师</a>
                    </li>
                </ul>
                <h5>电子技术</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="col-sm-3">
                        <a class="btn btn-link" href="majorDetail">传感器应用工程师</a>
                    </li>
                    <li class="active col-sm-3">
                        <a href="#" class="btn btn-link" data-toggle="tab">电子电器维修工程师</a>
                    </li>
                    <li class="active col-sm-3">
                        <a href="#" class="btn btn-link" data-toggle="tab">电子元器件工程师</a>
                    </li>
                    <li class="active col-sm-3">
                        <a href="#" class="btn btn-link" data-toggle="tab">电声/音响工程师/技术员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a href="#" class="btn btn-link" data-toggle="tab">电路工程师/技术员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a href="#" class="btn btn-link" data-toggle="tab">电子工程技术人员</a>
                    </li>
                </ul>
                <h5>集成电路</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="col-sm-3">
                        <a class="btn btn-link" href="#" data-toggle="tab">集成电路IC设计/应用工程师</a>
                    </li>
                    <li class="active col-sm-3">
                        <a href="#" class="btn btn-link" data-toggle="tab">集成电路测试员</a>
                    </li>
                </ul>
                <h5>仪器仪表</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="col-sm-3">
                        <a class="btn btn-link" href="#" data-toggle="tab">光学技术员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a href="#" class="btn btn-link" data-toggle="tab">光学工程师</a>
                    </li>
                    <li class="active col-sm-3">
                        <a href="#" class="btn btn-link" data-toggle="tab">激光/光电子工程师</a>
                    </li>
                    <li class="active col-sm-3">
                        <a href="#" class="btn btn-link" data-toggle="tab">光电工程师</a>
                    </li>
                    <li class="active col-sm-3">
                        <a href="#" class="btn btn-link" data-toggle="tab">激光头制造工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a href="#" class="btn btn-link" data-toggle="tab">仪器仪表工程师</a>
                    </li>
                </ul>

            </div>
            <div id="v-pills-fangdichan">
                <h4>房地产/建筑</h4>
                <h5>房地产</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="majorDetail">房地产策划师</a>
                    </li>
                    <li class="active col-sm-3">
                        <a href="#" class="btn btn-link" data-toggle="tab">拆迁主管</a>
                    </li>
                    <li class="active col-sm-3">
                        <a href="#" class="btn btn-link" data-toggle="tab">前期专员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a href="#" class="btn btn-link" data-toggle="tab">置业顾问</a>
                    </li>
                    <li class="active col-sm-3">
                        <a href="#" class="btn btn-link" data-toggle="tab">写字楼部项目拓展经理</a>
                    </li>
                    <li class="active col-sm-3">
                        <a href="#" class="btn btn-link" data-toggle="tab">楼盘销售代表</a>
                    </li>
                    <li class="active col-sm-3">
                        <a href="#" class="btn btn-link" data-toggle="tab">楼盘销售经理</a>
                    </li>
                    <li class="active col-sm-3">
                        <a href="#" class="btn btn-link" data-toggle="tab">权证人员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a href="#" class="btn btn-link" data-toggle="tab">房地产评估师/房地产估价师</a>
                    </li>
                    <li class="active col-sm-3">
                        <a href="#" class="btn btn-link" data-toggle="tab">房屋评估师</a>
                    </li>
                </ul>
                <h5>家具室内设计</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="majorDetail">家具设计师</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="majorDetail">室内装饰质量检验员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="majorDetail">室内装饰工程管理员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="majorDetail">光源与照明工程师</a>
                    </li>
                </ul>
                <h5>建材</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="active col">
                        <a class="btn btn-link" href="#">无机非金属新材料工程技术人员</a>
                    </li>
                    <li class="active col">
                        <a class="btn btn-link" href="#">非金属矿及制品工程技术人员</a>
                    </li>
                    <li class="active col">
                        <a class="btn btn-link" href="#">硅酸盐工程技术人员</a>
                    </li>
                </ul>
                <h5>建筑</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">智能楼宇管理师</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">智能布线工程师</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">建筑工程管理员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">岩土工程师</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">测量师·房屋测绘人员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">筑路·养护·维修人员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">CAD辅助土建制图员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">路桥·隧道·港口·航道工程师</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">钢结构设计技术人员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">造价工程师</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">建筑师</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">工程监理人员</a>
                    </li>
                </ul>
                <h5>装饰装潢</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">室内装饰设计师</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">装潢设计师</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">商品展示和橱窗艺术设计师</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">陈列展览设计师</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">汽车外形及装饰设计师</a>
                    </li>
                </ul>
            </div>
            <div id="v-pills-fuwu">
                <h4>服务/中介/物业</h4>
                <h5>服务</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">照相器材维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">眼镜定配员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">供水生产工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">消防员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">乐器维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">礼仪主持人</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">家政服务人员</a>
                    </li>
                </ul>
                <h5>物业</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">照相器材维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">眼镜定配员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">供水生产工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">消防员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">乐器维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">礼仪主持人</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">家政服务人员</a>
                    </li>
                </ul>
                <h5>中介</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">照相器材维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">眼镜定配员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">供水生产工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">消防员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">乐器维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">礼仪主持人</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">家政服务人员</a>
                    </li>
                </ul>
            </div>
            <div id="v-pills-guanggao">
                <h4>广告</h4>
                <h5>公关</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">照相器材维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">眼镜定配员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">供水生产工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">消防员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">乐器维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">礼仪主持人</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">家政服务人员</a>
                    </li>
                </ul>
            </div>
            <div id="v-pills-hulianwang">
                <h4>互联网/IT计算机</h4>
                <h5>服务</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">照相器材维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">眼镜定配员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">供水生产工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">消防员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">乐器维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">礼仪主持人</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">家政服务人员</a>
                    </li>
                </ul>
            </div>
            <div id="v-pills-jiaotong">
                <h4>交通/运输/物流</h4>
                <h5>服务</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">照相器材维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">眼镜定配员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">供水生产工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">消防员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">乐器维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">礼仪主持人</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">家政服务人员</a>
                    </li>
                </ul>
            </div>
            <div id="v-pills-jiaoyu">
                <h4>教育/培训/科研</h4>
                <h5>服务</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">照相器材维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">眼镜定配员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">供水生产工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">消防员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">乐器维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">礼仪主持人</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">家政服务人员</a>
                    </li>
                </ul>
            </div>
            <div id="v-pills-jinrong">
                <h4>金融/银行</h4>
                <h5>服务</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">照相器材维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">眼镜定配员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">供水生产工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">消防员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">乐器维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">礼仪主持人</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">家政服务人员</a>
                    </li>
                </ul>
            </div>
            <div id="v-pills-lvyou">
                <h4>旅游/酒店/餐饮</h4>
                <h5>服务</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">照相器材维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">眼镜定配员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">供水生产工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">消防员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">乐器维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">礼仪主持人</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">家政服务人员</a>
                    </li>
                </ul>
            </div>
            <div id="v-pills-maoyi">
                <h4>贸易/进出口/零售批发</h4>
                <h5>服务</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">照相器材维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">眼镜定配员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">供水生产工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">消防员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">乐器维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">礼仪主持人</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">家政服务人员</a>
                    </li>
                </ul>
            </div>
            <div id="v-pills-nonglin">
                <h4>农/林/牧/渔/水利</h4>
                <h5>服务</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">照相器材维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">眼镜定配员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">供水生产工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">消防员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">乐器维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">礼仪主持人</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">家政服务人员</a>
                    </li>
                </ul>
            </div>
            <div id="v-pills-qita">
                <h4>其他</h4>
                <h5>服务</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">照相器材维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">眼镜定配员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">供水生产工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">消防员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">乐器维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">礼仪主持人</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">家政服务人员</a>
                    </li>
                </ul>
            </div>
            <div id="v-pills-shengwu">
                <h4>生物/医疗/保健</h4>
                <h5>服务</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">照相器材维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">眼镜定配员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">供水生产工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">消防员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">乐器维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">礼仪主持人</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">家政服务人员</a>
                    </li>
                </ul>
            </div>
            <div id="v-pills-shiyou">
                <h4>石油/化工/能源</h4>
                <h5>服务</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">照相器材维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">眼镜定配员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">供水生产工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">消防员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">乐器维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">礼仪主持人</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">家政服务人员</a>
                    </li>
                </ul>
            </div>
            <div id="v-pills-tongxun">
                <h4>通讯</h4>
                <h5>服务</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">照相器材维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">眼镜定配员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">供水生产工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">消防员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">乐器维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">礼仪主持人</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">家政服务人员</a>
                    </li>
                </ul>
            </div>
            <div id="v-pills-tongyonglei">
                <h4>通用类</h4>
                <h5>服务</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">照相器材维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">眼镜定配员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">供水生产工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">消防员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">乐器维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">礼仪主持人</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">家政服务人员</a>
                    </li>
                </ul>
            </div>
            <div id="v-pills-wenhua">
                <h4>文化/媒体/出版/印刷</h4>
                <h5>服务</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">照相器材维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">眼镜定配员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">供水生产工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">消防员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">乐器维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">礼仪主持人</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">家政服务人员</a>
                    </li>
                </ul>
            </div>
            <div id="v-pills-xiaofeipin">
                <h4>消费品</h4>
                <h5>服务</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">照相器材维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">眼镜定配员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">供水生产工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">消防员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">乐器维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">礼仪主持人</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">家政服务人员</a>
                    </li>
                </ul>
            </div>
            <div id="v-pills-yishu">
                <h4>艺术/休闲/运动</h4>
                <h5>服务</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">照相器材维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">眼镜定配员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">供水生产工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">消防员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">乐器维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">礼仪主持人</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">家政服务人员</a>
                    </li>
                </ul>
            </div>
            <div id="v-pills-zhengfu">
                <h4>政府/非盈利机构</h4>
                <h5>服务</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">照相器材维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">眼镜定配员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">供水生产工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">消防员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">乐器维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">礼仪主持人</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">家政服务人员</a>
                    </li>
                </ul>
            </div>
            <div id="v-pills-zhizaoye">
                <h4>制造业</h4>
                <h5>服务</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">照相器材维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">眼镜定配员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">供水生产工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">消防员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">乐器维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">礼仪主持人</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">家政服务人员</a>
                    </li>
                </ul>
            </div>
            <div id="v-pills-zixun">
                <h4>咨询/专业服务</h4>
                <h5>服务</h5>
                <ul id="myTab" class="list-inline row">
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">照相器材维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">眼镜定配员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">供水生产工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">消防员</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">乐器维修工</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">礼仪主持人</a>
                    </li>
                    <li class="active col-sm-3">
                        <a class="btn btn-link" href="#">家政服务人员</a>
                    </li>
                </ul>
            </div>


        </div>

    </div>
</div>

<!-- 底部 -->
<div class="container" id="frontBottom"></div>
<!-- jq引用 -->
<script src="/js/jquery-3.3.0.js"></script>
<script src="/layui/layui.js"></script>
<!--bootstrap引用 -->
<script src="/bootstrap/bootstrap.min.js"></script>
<script src="/js/publicSection.js"></script>

</body>
</html>